<!DOCTYPE html>
<html>
<head>
	<title>Backbone.editableViews Tests</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
	<script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.min.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>

	<script src="backbone.editableViews.js"></script>
	<script src="test.js"></script>
</head>
<body style="padding-left: 15px; padding-right: 15px">
	<script id="simple-view-template" type="text/x-handlebars-template">
		<div>Test simple template</div>
		<p>{{options}}</p>
	</script>

	<script id="backbone-view-editor-template" type="text/x-handlebars-template">
		<div style="border: 1px dotted #afafaf">
			<div class="backbone-editable-view" data-backbone-editor-source-templateId="{{templateId}}">
				{{{templateSource}}}
			</div>
			<div class="backbone-editable-view">
				Non editable
			</div>
		</div>
	</script>

	
	<script id="test-main-template" type="text/x-handlebars-template">
		<div id="test-view"><div>
	</script>
	<h1>Test</h1>
		<a href="#edit">Edit Mode</a>
		<a href="#index">Normal Mode</a>
	<div id="test-main-body">
	</div>
</body>


